<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>流程定义</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link type="text/css" href="<%=request.getContextPath() %>/jQuery/jquery-ui-1.8.4.custom/css/smoothness/jquery-ui-1.8.4.custom.css"
		rel="stylesheet" />
<script type="text/javascript" src="<%=request.getContextPath() %>/js/raphael-min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/jQuery/jquery-ui-1.8.4.custom/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/jQuery/jquery-ui-1.8.4.custom/js/jquery-ui-1.8.4.custom.min.js"></script>


<!--
<script type="text/javascript" src="<%=request.getContextPath() %>/js/arkflow.js"></script>
-->
<script type="text/javascript" src="<%=request.getContextPath() %>/js/arkflow/Base.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/arkflow/Config.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/arkflow/util.js"></script>

<!-- resizer -->
<script type="text/javascript" src="<%=request.getContextPath() %>/js/arkflow/resizer/Resizer.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/arkflow/resizer/ResizerPath.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/arkflow/resizer/ResizerPoint.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/arkflow/resizer/LeftTopResizerPoint.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/arkflow/resizer/LeftResizerPoint.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/arkflow/resizer/LeftBottomResizerPoint.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/arkflow/resizer/TopResizerPoint.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/arkflow/resizer/BottomResizerPoint.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/arkflow/resizer/RightTopResizerPoint.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/arkflow/resizer/RightResizerPoint.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/arkflow/resizer/RightBottomResizerPoint.js"></script>

<script type="text/javascript" src="<%=request.getContextPath() %>/js/arkflow/FlowNode.js"></script>

<!-- path -->
<script type="text/javascript" src="<%=request.getContextPath() %>/js/arkflow/path/point/PathPointStrategy.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/arkflow/path/point/PathFromPointStrategy.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/arkflow/path/point/PathToPointStrategy.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/arkflow/path/point/PathBigPointStrategy.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/arkflow/path/point/PathSmallPointStrategy.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/arkflow/path/PathLinePoints.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/arkflow/path/PathPoint.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/arkflow/path/PathText.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/arkflow/path/PathLine.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/arkflow/path/PathArrow.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/arkflow/path/Path.js"></script>

<script type="text/javascript" src="<%=request.getContextPath() %>/js/arkflow/ArkFlow.js"></script>

<script type="text/javascript">
    window.ArkFlowContextPath = "<%=request.getContextPath() %>/js/arkflow/";
</script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/arkflow/jpdl/arkflow.jpdl4.js"></script>

<script type="text/javascript" src="<%=request.getContextPath() %>/pages/workflow/PropertyEditor.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/pages/workflow/editor/TextEditor.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/pages/workflow/editor/InputEditor.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/pages/workflow/editor/SelectEditor.js"></script>

<script src="<%=request.getContextPath() %>/jQuery/ui/jquery.ui.dialog.js"></script>
<link type="text/css" href="<%=request.getContextPath() %>/jQuery/ui/start/jquery-ui-1.8.20.custom.css" rel="stylesheet" />
<link type="text/css" href="<%=request.getContextPath() %>/new_css/main.css" rel="stylesheet" />
<link type="text/css" href="<%=request.getContextPath() %>/new_css/layout.css" rel="stylesheet" />
<link href="<%=request.getContextPath() %>/new_css/default/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%=request.getContextPath() %>/pages/workflow/workflowAdd.js"></script>
<style type="text/css">
body {
	margin: 0;
	pading: 0;
	text-align: left;
	font-family: Arial, sans-serif, Helvetica, Tahoma;
	font-size: 12px;
	line-height: 1.5;
	color: black;
	background-image: url(<%=request.getContextPath() %>/js/arkflow/resource/bg.png);
}

.node {
	width: 70px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #fff;
}

.mover {
	border: 1px solid #ddd;
	background-color: #ddd;
}

.selected {
	background-color: #ddd;
}

.state {
}

#arkflow_props table {
}

#arkflow_props th {
	letter-spacing: 2px;
	text-align: left;
	padding: 6px;
	background: #ddd;
}

#arkflow_props td {
	background: #fff;
	padding: 6px;
}

#pointer {
	background-repeat: no-repeat;
	background-position: center;
}

#path {
	background-repeat: no-repeat;
	background-position: center;
}

#task {
	background-repeat: no-repeat;
	background-position: center;
}

#state {
	background-repeat: no-repeat;
	background-position: center;
}
#flowForm ,#flowDecision{
  text-align: center;
}
</style>
</head>
<body>

<!--工具集-->
<div id="arkflow_tools" class="ui-widget-content"
		style="position: absolute; top: 10; left: 10; background-color: #fff; width: 70px; cursor: default; padding: 3px;">
	<div id="arkflow_tools_handle" style="text-align: center;" class="ui-widget-header">工具集</div>
	<div class="node" id="arkflow_save">
		<img src="<%=request.getContextPath() %>/js/arkflow/resource/save.gif" />&nbsp;&nbsp;保存
	</div>
	<div><hr /></div>
	
	<div class="node selectable" id="pointer">
		<img src="<%=request.getContextPath() %>/js/arkflow/resource/select16.gif" />&nbsp;&nbsp;选择
	</div>
	<div class="node selectable" id="path">
		<img src="<%=request.getContextPath() %>/js/arkflow/resource/16/flow_sequence.png" />&nbsp;&nbsp;转换
	</div>
	<div><hr /></div>
	
	<div class="node state" id="start" type="start">
		<img src="<%=request.getContextPath() %>/js/arkflow/resource/16/start_event_empty.png" />&nbsp;&nbsp;开始
	</div>
	<div class="node state" id="state" type="state" style="display: none;">
		<img src="<%=request.getContextPath() %>/js/arkflow/resource/16/task_empty.png" />&nbsp;&nbsp;状态
	</div>
	<div class="node state" id="task" type="task">
		<img src="<%=request.getContextPath() %>/js/arkflow/resource/16/task_empty.png" />&nbsp;&nbsp;任务
	</div>
	<div class="node state" id="decision" type="decision">
		<img src="<%=request.getContextPath() %>/js/arkflow/resource/16/gateway_parallel.png" />&nbsp;&nbsp;判断
	</div>
	<div class="node state" id="fork" type="fork" style="display: none;">
		<img src="<%=request.getContextPath() %>/js/arkflow/resource/16/gateway_parallel.png" />&nbsp;&nbsp;分支
	</div>
	<div class="node state" id="join" type="join" style="display: none;">
		<img src="<%=request.getContextPath() %>/js/arkflow/resource/16/gateway_parallel.png" />&nbsp;&nbsp;合并
	</div>
	<div class="node state" id="end" type="end">
		<img src="<%=request.getContextPath() %>/js/arkflow/resource/16/end_event_terminate.png" />&nbsp;&nbsp;结束
	</div>
	<div class="node state" id="end-cancel" type="end-cancel" style="display: none;">
		<img src="<%=request.getContextPath() %>/js/arkflow/resource/16/end_event_cancel.png" />&nbsp;&nbsp;取消
	</div>
	<div class="node state" id="end-error" type="end-error" style="display: none;">
		<img src="<%=request.getContextPath() %>/js/arkflow/resource/16/end_event_error.png" />&nbsp;&nbsp;错误
	</div>
</div>

<!--属性-->
<div id="arkflow_props" class="ui-widget-content"
		style="position: absolute; top: 30; right: 50; background-color: #fff; width: 220px; padding: 3px;">
	<div id="arkflow_props_handle" class="ui-widget-header">属性</div>
	<table border="1" width="100%" cellpadding="0" cellspacing="0">
		<tr><td></td></tr>
		<tr><td></td></tr>
	</table>
	<div>&nbsp;</div>
</div>

<!--流程面板-->
<div id="arkflow" >
	<input id="workflowdata" name="bizFlow.workflowDescribe" type="hidden"
		value='<s:property value="bizFlow.workflowDescribe"/>'>
</div>

<!--流程保存表单-->
<div id="mytable" >
	<input type="hidden" id="data">
	<form id="form">
		<table align="left" id="flowForm" style="width: auto;">
			<tr>
				<th style="width: 100px;" >节点</th>
				<th style="width: 100px;" >页面</th>
				<th style="width: 250px;">选择</th>
				<th style="width: 100px;">审批人</th>
			</tr>
		</table>
		<table align="left" id="flowDecision" width="450px" style="display: none;">
			<tr>
				<th style="width: 100px;" >节点</th>
				<th style="width: 350px;" >条件</th>
			</tr>
		</table>
		<table align="left" width="450px">
			<tr>
				<td colspan="3" style="text-align: center">
					<input type="button" value="提交" onclick="save();"/> 
				</td>
			</tr>
		</table>
	</form>
</div>

</body>
</html>
